<template>
  <div class="sea-table-title">
    <h4>{{ title }}</h4>
    <span>{{ subtitle }}</span>
    <slot></slot>
  </div>
</template>

<script setup lang="ts">

/**
 * 通用表头组件
 *
 * 包含一个大标题和一个小标题
 *
 * 需要统一整改界面风格的时候，这个组件的优势才能体现出来，
 *
 * 这个封装的意义在于统一标准，平时就显得有点浪费机器性能了
 */
const props = defineProps({
        //主标题
        title: {type: String, default: undefined},
        //副标题
        subtitle: {type: String, default: undefined}
})
</script>
